<template>
    <div class="wrap">
      <header-v></header-v>
	  
      <div class="news-content">
            <div class="title">
                <router-link to="/">新闻中心</router-link>
                <p>——   NEWS CENTER   ——</p>
            </div>
            <div class="tab">
                <router-link to="/newsList">学校新闻</router-link>
                <router-link to="/newsList">行业动态</router-link>
                <router-link to="/newsList">媒体新闻</router-link>  
            </div>
            <div class="con">
                <ul>
                    <li>
                        <router-link to="/newsList">“小刘星”成高考明星</router-link>
                        <p class="time">2014-12-04</p>
                    </li>
                    <li>
                        <router-link to="/newsList">2010年我们的教师</router-link>
                        <p class="time">2014-12-04</p>
                    </li>
                    <li>
                        <router-link to="/newsList">教育部：教师大交流遏</router-link>
                        <p class="time">2014-12-04</p>
                    </li>
                    <li>
                        <router-link to="/newsList">俞敏洪：善于停止也是</router-link>
                        <p class="time">2014-12-04</p>
                    </li>
                    <li>
                        <router-link to="/newsList">《孙子兵法》与现代企</router-link>
                        <p class="time">2014-12-04</p>
                    </li>
                    <li>
                        <router-link to="/newsList">为什么兴起“体验式培</router-link>
                        <p class="time">2014-12-04</p>
                    </li>
                    <li>
                        <router-link to="/newsList">什么是授教时刻？</router-link>
                        <p class="time">2014-12-04</p>
                    </li>
                    <li>
                        <router-link to="/newsList">体验式培训是什么？</router-link>
                        <p class="time">2014-12-04</p>
                    </li>
                    <li>
                        <router-link to="/newsList">钱学森之问催热高校实</router-link>
                        <p class="time">2014-12-04</p>
                    </li>
                    <li>
                        <router-link to="/newsList">南开大学：鼓励科研创</router-link>
                        <p class="time">2014-12-04</p>
                    </li>
                    <li>
                        <router-link to="/newsList">乡村教师呼吁农村教育</router-link>
                        <p class="time">2014-12-04</p>
                    </li>
                    <li>
                        <router-link to="/newsList">教育部研究部署青海玉</router-link>
                        <p class="time">2014-12-04</p>
                    </li>
                </ul>
                <div class="page">
                    <span>共 <span>24</span> 页记录 </span>
                    <router-link to="/" class="num active">1</router-link>
                    <router-link to="/" class="num">2</router-link>
                    <router-link to="/" class="num">下一页></router-link>
                    <router-link to="/" class="num">末页</router-link>
                </div>
            </div>
      </div>
      
      <footer-v></footer-v>
  </div>
</template>


<script>
import header from '../public/header'
import footer from '../public/footer'

export default {
    components: {
        headerV : header,
        footerV : footer,
    },
    data () {
        return {

        }
    },
    methods : {

    }
}

</script>


<style type="text/css">
  /* newsList.style */

    .news-content{ padding:0 0.05rem;margin-bottom:0.6rem;}  
    .tab a{ width:0.97rem; height:0.36rem; background:rgba(137,190,46,1); line-height:0.36rem; float:left; text-align:center; color:#fff; display:block; margin-left:0.05rem; border-radius:0.03rem 0.03rem 0.03rem 0.03rem; margin-bottom:0.1rem; }
 		.news-content .con{clear: both;} 
    .news-content .con li{ padding:0.1rem 0; border-bottom:0.01rem dashed #e2e2e2; overflow:hidden; padding-left:0.2rem; background:url('../../assets/22.png')0.02rem 0.1rem no-repeat; background-size:0.18rem !important; }
    .news-content li a{ color:#5a5a5a; float:left; }
    .news-content .time{ color:#929292; font-size:0.11rem; float:right; }
    .news-content li a:hover{color:#0064D4}
</style>
